<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../css/commonality/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../css/commonality/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/commonality/head_foot.css" />
	<link rel="stylesheet" type="text/css" href="../../css/commonality/top_left.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/personal_data/Account.css"/>
	</head>

	<body>
		<div class="web">
			<!--头部-->
			<header>
				<img src="../../images/commonality/logo_red.png" alt="" class="logo_red" />
				<div class="nav">
					<ul>
						<li class="one">
							<a href="#" class="type_one">首页</a>
						</li>
						<li class="one">
							<a href="#" class="type_one">骑行</a>
						</li>
						<li class="one">
							<a href="#" class="type_one">跑步</a>
						</li>
						<li class="two">
							<a href="#" class="type_two">品牌区</a>
						</li>
						<li class="one">
							<a href="#" class="type_one">休闲</a>
						</li>
						<li class="two">
							<a href="#" class="type_two">品牌区</a>
						</li>
						<li class="two">
							<a href="#" class="type_two">设计师</a>
						</li>
					</ul>
				</div>
				<div class="sousuo">
					<input type="text" class="sou" />
				</div>
				<a href=""><img src="../../images/commonality/seek.png" class="sou_tu" /></a>

				<div class="head_right">
					<ul>
						<li class="one">
							<a href="#"><i class="iconfont icon-gouwuche2 gwc"></i></a>
						</li>
						<li class="one">
							<a href=""><i class="iconfont icon-yonghu user"></i></a>
						</li>
						<li class="two">
							<a href=""><span>400-6563-116</span></a>
						</li>
						<li class="three">
							<a href="">
								<i class="iconfont  icon-columnch ch"></i>
							</a>
						</li>
					</ul>

			</header>

			<!--内容-->
			<section>
				<div class="nav_font">
					<div class="main">
						<a href="jacascript:void(null)">首页</a> >
						<a href="jacascript:void(null)">我的不二定制</a> >
						<a href="jacascript:void(null)">我的收益 </a> >
						<a href="jacascript:void(null)"class="bubian">商品结算</a>
					</div>
				</div>

				<div class="leftsdbr">
					<div class="leftsdbr_one">
						<input type="file" id="caonima" name="caonima1" class="headbtn" /><label for="caonima">
							<img src="../../images/commonality/head_pro1.jpg" class="headimg" /></label>

						<input type="text" value="SUPER12" maxlength="12" class="name" readonly />
					</div>

					<div class="leftsdbr_two" style="float: left;">
						<ul>
							<li class="ftsize_16 martop_27">我的订单</li>
							<li class="ftsize_13">
								<a href="jacascript:void(null)">退货退款</a>
							</li>
							<li class="ftsize_13">
								<a href="jacascript:void(null)">申请售后</a>
							</li>
							<li class="ftsize_13">
								<a href="jacascript:void(null)">我要评价</a>
							</li>
						</ul>
						<ul>
							<li class="ftsize_16 martop_6">
								<a href="jacascript:void(null)">我的作品</a>
							</li>
						</ul>
						<ul>
							<li class="ftsize_16 martop_7">我的店铺</li>
							<li class="ftsize_13">
								<a href="jacascript:void(null)">查看店铺</a>
							</li>
							<li class="ftsize_13">
								<a href="jacascript:void(null)">店铺管理</a>
							</li>
							<li class="ftsize_13">
								<a href="jacascript:void(null)">店铺设置</a>
							</li>
							<li class="ftsize_13">
								<a href="jacascript:void(null)">已卖出的商品</a>
							</li>
							<li class="ftsize_13">
								<a href="jacascript:void(null)">商品管理</a>
							</li>
						</ul>
						<ul>
							<li class="ftsize_16 martop_6">我的收益</li>
							<li class="ftsize_13">
								<a href="jacascript:void(null)">商品结算</a>
							</li>
							<li class="ftsize_13">
								<a href="jacascript:void(null)">提现申请</a>
							</li>
							<li class="ftsize_13">
								<a href="jacascript:void(null)">资金明细</a>
							</li>
						</ul>
						<ul>
							<li class="ftsize_16 martop_6">我的账户</li>
							<li class="ftsize_13">
								<a href="jacascript:void(null)">基本信息</a>
							</li>
							<li class="ftsize_13">
								<a href="jacascript:void(null)">我的地址</a>
							</li>
							<li class="ftsize_13">
								<a href="jacascript:void(null)">账号绑定</a>
							</li>
							<li class="ftsize_13">
								<a href="jacascript:void(null)">账号安全</a>
							</li>
						</ul>

					</div>

				</div>
				<div class="rightsdbr">
					<div class="page1 block page">
						
			<p class="binding">账户绑定</p>
			<div class="huise">
										<div class="plan">
					<button class="mobile">
						<p class="circle"></p>
						1.验证手机
					</button>
					<button class="mail">
						2.输入邮箱
					</button>
					<button class="yanzheng">
						3.验证邮箱
					</button>
					<button class="success">
						4.绑定成功
					</button>
					<div class="roll">
						
					</div>
				</div>
				<div class="content">
					<p class="c_haoma">通过手机号码 139****5132 验证身份</p>
					<div class="c_input">
						<p class="c_i_p">图片验证</p>
						<input type="text" class="c_i_input"/>
						<img src="../../images/commonality/yanzhengma.jpg" class="c_i_image"/>
						<button class="c_i_btn">换一张</button>
					</div>
					<div class="c_input">
						<p class="c_i_p ">短信验证</p>
						<input type="text" class="c_i_input "/>
						<button class="c_i_get fade">获取验证码</button>
					</div>
					<button class="next_step fade">下一步</button>
				</div>
						</div>
	
		</div>
		<div class="page2  page none">
			<p class="binding">账户绑定</p>
			<div class="huise">
					<div class="plan">
					<button class="mobile">
						<p class="circle"></p>
						1.验证手机
					</button>
					<button class="mail">
						2.输入邮箱
					</button>
					<button class="yanzheng">
						3.验证邮箱
					</button>
					<button class="success">
						4.绑定成功
					</button>
					<div class="roll">
						
					</div>
				</div>
				<div class="content">
					<p class="c_haoma">请输入要绑定的邮箱</p>
					<div class="c_input">
						<input type="text" class="c_i_input"/>
						<p class="c_i_alt">请输入正确的邮箱</p>
					</div>
					<button class="next_step fade">下一步</button>
				</div>
			</div>
			
		</div>
		<div class="page3  page none">
			<p class="binding">账户绑定</p>
			<div class="huise">
				<div class="plan">
					<button class="mobile">
						<p class="circle"></p>
						1.验证手机
					</button>
					<button class="mail">
						2.输入邮箱
					</button>
					<button class="yanzheng">
						3.验证邮箱
					</button>
					<button class="success">
						4.绑定成功
					</button>
					<div class="roll">
						
					</div>
				</div>
				<div class="content">
					<p class="c_haoma">邮件已发送至</p>
					<p class="c_mail">15820208319@162.com</p>
					<button class="next_step fade">去邮箱绑定</button>
					<p class="c_alt">如未收到请到垃圾箱查看，您可以点此<button class="c_alt_btn">重新发送验证邮件</button></p>
				</div>
			</div>
		</div>
		<div class="page4  page none">
			<p class="binding">账户绑定</p>
			<div class="huise">
					<div class="plan">
					<button class="mobile">
						<p class="circle"></p>
						1.验证手机
					</button>
					<button class="mail">
						2.输入邮箱
					</button>
					<button class="yanzheng">
						3.验证邮箱
					</button>
					<button class="success">
						4.绑定成功
					</button>
					<div class="roll">
						
					</div>
				</div>
				<div class="content">
					<p class="c_haoma">绑定成功</p>
					<button class="next_step fade">完成</button>
				</div>
			</div>
			
			
		</div>
				</div>

				<div class="clear"></div>
			</section>

			<!--底部-->
			<footer>
				<div class="buttom">
					<div class="buttom_center">
						<img src="../../images/commonality/logo_white.png" alt="加载失败" class="logo_white" />
						<div class="bottom_nav"></div>
						<div class="bottom_link">
							<div class="fl">
								<ul>
									<li>
										<div id="chunk">
											<div class="tod"></div>
											<a href="">新手指南</a>
										</div>
									</li>
									<li>
										<div id="chunk">
											<div class="tod"></div>
											<a href="">用户注册</a>
										</div>
									</li>
									<li>
										<div id="chunk">
											<div class="tod"></div>
											<a href="">定制流程</a>
										</div>
									</li>
								</ul>
							</div>
							<div class="fl">
								<ul>
									<li>
										<div id="chunk">
											<div class="tod"></div>
											<a href="">付款方式</a>
										</div>
									</li>
									<li>
										<div id="chunk">
											<div class="tod"></div>
											<a href="">支付方式</a>
										</div>
									</li>
									<li>
										<div id="chunk">
											<div class="tod"></div>
											<a href="">支付问题</a>
										</div>
									</li>
									<li>
										<div id="chunk">
											<div class="tod"></div>
											<a href="">常见问题</a>
										</div>
									</li>
								</ul>
							</div>
							<div class="fl">
								<ul>
									<li>
										<div id="chunk">
											<div class="tod"></div>
											<a href="">售后服务</a>
										</div>
									</li>
									<li>
										<div id="chunk">
											<div class="tod"></div>
											<a href="">退款换货</a>
										</div>
									</li>
									<li>
										<div id="chunk">
											<div class="tod"></div>
											<a href="">配送方式</a>
										</div>
									</li>
									<li>
										<div id="chunk">
											<div class="tod"></div>
											<a href="">联系我们</a>
										</div>
									</li>
								</ul>
							</div>
							<div class="fl">
								<ul>
									<li>
										<div id="chunk">
											<div class="tod"></div>
											<a href="">政策条款</a>
										</div>
									</li>
									<li>
										<div id="chunk">
											<div class="tod"></div>
											<a href="">服务协议</a>
										</div>
									</li>
									<li>
										<div id="chunk">
											<div class="tod"></div>
											<a href="">隐私条款</a>
										</div>
									</li>
									<li>
										<div id="chunk">
											<div class="tod"></div>
											<a href="">版权条款</a>
										</div>
									</li>
								</ul>
							</div>
							<div class="clear"></div>
						</div>
						<div class="bottom_font">
							<p class="font_white"> © 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1</p>
						</div>
					</div>
				</div>
			</footer>

			</div>
		<script type="text/javascript">
			window.onload=function(){
				
				var btn=document.getElementsByClassName('next_step');
				let i=0;
				var roll=document.getElementsByClassName('page');
				for (i;i<=btn.length-2;i++){	
						btn[i].onclick=function(){
							roll[0].className="none";
							roll[0].className+=" block";
					}
				}
			}
		</script>

	</body>

</html>